/*---Reset---*/
*{
    padding: 0;
    margin: 0;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
/* ---Body--- */


/* ---Header-- */
#encabezado{
    text-align: center;
    margin: 50px;
}
#encabezado h1{
    margin: 20px;
}

#cab{
    text-align: center;
    margin: 50px;
}
#cab p{

    margin: 50px;
}

/*---Responsive---*/
 @media screen and (max-width: 768px) and (min-width: 431px){

   #encabezado h1,p{
    display: block;
    margin: 20px;
    text-align: center;
   }
   #cab{
    display: block;
    margin: 20px;  
   }
  img{
    width: 500px;
    position: relative;
    left: 150px;
    
  }
} 

@media screen and (max-width: 430px) and (min-width: 225px){
    #encabezado h1, p{
    width: 100%;
    justify-content: center;
    }
 
    }
    #cab p,h2{
        position: relative;
        margin: 20px;
        text-align: center;
        justify-content: center;
        width: 100%;

    }
    #cab h2{
        text-transform: uppercase;
    }
   img{
    position: relative;
        width: 400px;
        margin: 2px;
        display: block;
        text-align: center;
        justify-content: center;
    }
@media screen and (min-width:769px){
    img{
        width: 100%;
    }
}